<template>
    <div class="tiop">
        <van-row style="height:40px" justify="center" align="center">
            <van-col span="8">
                <van-icon name="checked" color="red" size="10" /><span> 30天无忧退货 </span>
            </van-col>
            <van-col span="8">
                <van-icon name="checked" color="red" size="10" /><span> 48小时快速退款 </span>
            </van-col>
            <van-col span="8">
                <van-icon name="checked" color="red" size="10" /><span> 满{{ num }}元免邮费 </span>
            </van-col>
        </van-row>
    </div>
</template>

<script>
export default {
    props: {
        num: {
            default: 98,
        }
    }
}
</script>

<style lang="less" scoped>
.van-row {
    color: #666;
}

.tiop {
    text-align: center;
    font-size: 12px;
    overflow: hidden;

    .van-col {
        display: flex;
        align-items: center;
        height: 40px;
        overflow: hidden;
        justify-content: center;
    }
}
</style>